<template>
  <div id="app">
    <el-container>
      <el-header style="height:1rem;padding:0">
        <About/>
      </el-header>
      <el-container>
        <Content/>
      </el-container>
      <el-footer style="height:1.25rem;">
        <Footer/>
      </el-footer>
    </el-container>
  </div>
</template>
<script>
import About from "@/views/About";
import Content from "@/components/Content";
import Footer from "@/components/footer";
export default {
  components: { About, Footer, Content }
};
</script>

<style lang="less">
* {
  padding: 0;
  margin: 0;
  font-size: 0.16rem;
}
#app {
  font-family: "Avenir", Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #2c3e50;
}
.el-header {
  padding: 0;
  height: 1rem;
}
.el-footer {
  background: #111115;
  position: fixed;
  bottom: 0;
  width: 100%;
}
.el-container {
}
</style>
